@extends('Home/Layout/basecart')

@section('title', '支付')

@section('main')
    <!--头部-->

    <div class="cart-header wrapper">
        <div class="logo">
            <a href="index.html"><img src="http://owv3oi69q.bkt.clouddn.com/150823554359e5d9172e520.png" alt="logo" /></a>
        </div>
        <div class="step-box">
            <div class="row">
                <div class="step first active col-3">
                    <span class="num">1</span><span class="line"></span><span class="label">我的购物车</span>
                </div>
                <div class="step active col-3">
                    <span class="num">2</span><span class="line"></span><span class="label">确认订单信息</span>
                </div>
                <div class="step active col-3">
                    <span class="num">3</span><span class="line"></span><span class="label">选择支付方式</span>
                </div>
                <div class="step last col-3">
                    <span class="num">4</span><span class="line"></span><span class="label">完成付款</span>
                </div>
            </div>
        </div>
    </div>
    <!--头部-->
    <div class="wrapper">
        <div class="pay-wrap">
            <div class="order-result">
                <div class="section clearfix">
                    {{--<img src="{{$data->pic}}" class="ico" />--}}
                    <div class="titbox">
                        <div class="tit">订单提交成功，应付金额 {{$data->orders_sum}} 元</div>
                        <div class="stit">订单号：{{$data->orders_num}}    请您在 15 分钟内完成支付，否则订单会被自动取消</div>
                    </div>
                    <div class="mt20">
                        {{--<div class="meta">--}}
                            {{--<div class="hd">商品</div>--}}
                            {{--<div class="bd">纤佳乐破壁料理机 2.5升 西瓜红型号:QJL-PB921  西瓜红* 2</div>--}}
                        {{--</div>--}}
                        <div class="meta">
                            <div class="hd">收货地址:</div>
                            <div class="bd">{{$data->address}}  ({{$data->link_man}} 收) {{$data->phone}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="pay-wrap-tit">
            在线支付
        </div>
        <div class="pay-wrap">
            <div class="pay-way">
                <div class="row">
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img src="{{asset('Home/img/pay/zfb.jpg')}}" /></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img src="{{asset('Home/img/pay/weixin.jpg')}}" /></label>
                    </div>
                </div>
                <div class="row">
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/zgyh.jpg')}}" /></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/jsyh.jpg')}}" /></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/nyyh.jpg')}} "/></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/gsyh.jpg')}}" /></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/jtyh.jpg')}}"/></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/zsyh.jpg')}}" /></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/yzcxyh.jpg')}}" /></label>
                    </div>
                    <div class="col col-3">
                        <label><input class="check" type="radio" name="a" /><img class="bd" src="{{asset('Home/img/pay/xyyy.jpg')}}" /></label>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom-panel">
            <a href="{{url("/dopay/{$data->id}")}}" class="go-next ui-btn-theme">下一步</a>
        </div>
    </div>

    <!--脚部-->
    <div class="fatfooter">

    </div>
    <!--脚部-->
@stop

@section('footer-js')
    <link rel="stylesheet" href="{{asset('Home/js/icheck/style.css')}}"/>
    <script src="{{asset('Home/js/icheck/icheck.min.js')}}"></script>
    <link rel="stylesheet" href="{{asset('Home/js/icheck/style.css')}}"/>
    <script src="{{asset('Home/js/icheck/icheck.min.js')}}"></script>
    <script src="{{asset('Home/js/layer/layer.js')}}"></script>
    <script src="{{asset('Home/js/global.js')}}"></script>
    <script>
        //这里不使用自带按钮，因为设计按钮较特殊，不准备作为通用样式
        $('.confirm-address .edit,.confirm-address .add').on('click',function () {
            layer.open({
                type: 1,
                skin: 'layui-layer-seaing',
                title: '标题',
                area: ['720px', 'auto'],
                content: $('#addressform')
                //btn: ['按钮一', '按钮二']
            });
        });
        $(document.body).on('click','.layer-address .cancle',function () {
            layer.closeAll();
            return false;
        })

        //
        function juggeAddressNum () {
            var col=$('.confirm-address .col'),
                cH=col.height();
            $('.confirm-address').height(cH)
            if (col.length>3) {
                $('.confirm-address-bar').show();
            }
            else {
                $('.confirm-address-bar').hide();
            }
        }
        juggeAddressNum();
        zAction.add({
            'drop':function () {
                $('.confirm-address').height('auto')
                var h=$('.confirm-address').height()
                juggeAddressNum();
                $('.confirm-address').animate({height: h}, 300);
                $(this).parent().remove();
            }
        });
    </script>
@stop